<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>
用户名：<input type="text" name="username"><br>
密码：<input type="text" name="password"><br>
<button onclick="myClick()" id="button01">登录</button>

</body>
<script>
    function myClick(){

    }

    $("#button01").click(function () {
        $.ajax({
            url:"/user/test03",           // 请求路径
            type:"get",                  // 请求的方式，不区分大小写
            cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            data: {
                username:"admin",
                password:"123456"
            },
            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                if(response.code === 200) {
                    console.log("成功返回: " + response);
                    // window.location.href = "/index02.html";
                }
            },
            error:function(response){
                console.log("出错返回: " + response);
            }
        });
    })
</script>
</html>
